“Hack” Sub Kênh YouTube Mà Không Tốn Một Xu Với Đoạn Code Subscribe To Unlock Này

Nghe có vẻ khó tin, nhưng mình đảm bảo là hoàn toàn có thể và rất hiệu quả luôn nhé! Bí quyết nằm ở nút “Subscribe to Unlock” – một “vũ khí bí mật” giúp bạn tăng lượt đăng ký kênh YouTube một cách “thần tốc”.

Tưởng tượng xem: bạn có một đường liên kết phần mềm hay tài liệu hấp dẫn dành tặng người xem, nhưng họ chỉ có thể nhận được sau khi nhấn nút “Subscribe” kênh của bạn. Quá tuyệt vời để “dụ dỗ” họ đăng ký, phải không nào?

Trong bài viết này, mình sẽ hướng dẫn bạn từng bước tạo ra nút “Subscribe to Unlock” xịn xò với HTML, CSS và JavaScript. Đừng lo lắng nếu bạn chưa từng code bao giờ, mình sẽ giải thích cực kỳ chi tiết và dễ hiểu luôn nhé, cùng làm theo Shian nào!

Các bước thực hiện

Bước 1: Chuẩn bị “nguyên liệu”

• HTML: Đây là “khung xương” của nút, quyết định hình dạng và nội dung hiển thị.
• CSS: “Lớp trang điểm” giúp nút trở nên đẹp mắt và hấp dẫn hơn.
• JavaScript: “Bộ não” điều khiển hoạt động của nút, kiểm tra xem người dùng đã đăng ký kênh chưa và “mở khóa” nội dung, cụ thể là liên kết đích mà người dùng muốn đến.

Bước 2: HTML – Xây dựng “khung xương”

Hãy copy đoạn code HTML sau và dán vào vị trí bạn muốn hiển thị nút “Subscribe to Unlock” trên website:

<div class="buttons" style="border-radius: 6px; text-align: center;">
    <a class="fa fa-youtube-play" href="#" id="btn_yt" 
       onclick="show()" 
       onmouseout="this.style.background='red'" 
       onmouseover="this.style.background='#e30202'" 
       style="background: red; border-radius: 6px; color: white; display: inline-block; margin: 15px 30px; padding: 14px 0; text-decoration: none; transition: all 0.2s linear; width: 250px;">
       <span style="font-family: Verdana; font-size: medium;"> Subscribe Kênh Để Tải Xuống</span>
    </a>
    <div style="font-size: 15px; margin: auto;">
        <a href="thay_the_link_tai_xuong_cua_ban" 
           id="yt" 
           onmouseout="this.style.background='green'" 
           onmouseover="this.style.background='#135B0A'" 
           style="background-color: green; border-radius: 6px; color: white; display: none; font-size: 15px; font-weight: 500; margin: 15px 30px; padding: 14px 0; text-decoration: none; transition: all 0.2s linear; width: 250px;">
           Mọi thứ đã xong, Click vào để tải xuống
        </a>
        <a class="fa fa-download" href="#" 
           id="ytv" 
           style="background-color: red; border-radius: 6px; color: white; display: none; font-size: 15px; font-weight: 500; margin: 15px 30px; padding: 14px 0; text-decoration: none; transition: all 0.2s linear; width: 250px;">
           Đang Kiểm tra và chuẩn bị link tải...
        </a>
    </div>
</div>

Bước 3: CSS – “Tô màu” cho nút

Bạn có thể sử dụng CSS có sẵn trong đoạn code HTML, hoặc thêm CSS riêng vào file style.css của website. CSS giúp bạn tùy chỉnh màu sắc, font chữ, kích thước… của nút.

Bước 4: JavaScript – “Thổi hồn” cho nút

Dán đoạn code JavaScript sau vào website, ngay sau đoạn code HTML ở bước 2:

JavaScript

<script type="text/javascript">
    function show() {
        window.open('thay_the_link_kenh_cua_ban');
        setTimeout(function () {
            document.getElementById("yt").style.display = "block";
            document.getElementById("btn_yt").style.display = "none";
            document.getElementById("ytv").style.display = "none";
        }, 10000);
        document.getElementById("btn_yt").style.display = "none";
        document.getElementById("ytv").style.display = "block";
    }
</script>

Lưu ý:

• Thay đổi link YouTube (thay_the_link_kenh_cua_ban) thành link kênh của bạn.
• Thay đổi link tải xuống (thay_the_link_tai_xuong_cua_ban) thành link file bạn muốn chia sẻ.
• Thời gian chờ hay check (10 giây) có thể điều chỉnh tùy ý ở: }, 10000);.

Demo:

Tùy chỉnh nút theo phong cách riêng

Bạn muốn nút “Subscribe to Unlock” phản ánh cá tính của mình? Dưới đây là một số gợi ý:

Thay đổi màu sắc: Chỉnh sửa các thuộc tính background-color, color trong code CSS.

Thay đổi font chữ: Chỉnh sửa thuộc tính font-family trong code CSS.

Thay đổi kích thước: Chỉnh sửa thuộc tính width, padding trong code CSS.

Thêm hiệu ứng: Sử dụng các thuộc tính CSS như transition, hover để tạo hiệu ứng động.

Lưu ý quan trọng

Kiểm tra kỹ: Sau khi hoàn thành, hãy kiểm tra nút “Subscribe to Unlock” trên nhiều trình duyệt và thiết bị khác nhau để đảm bảo nó hoạt động chính xác.

Cân nhắc trải nghiệm người dùng: Không nên lạm dụng nút này, chỉ sử dụng cho những nội dung thực sự giá trị. Hãy đặt mình vào vị trí người dùng để tạo ra trải nghiệm tốt nhất.

Chúc các bạn thành công!